<template>
  <div>
    <h1>人员名单及爱好列表</h1>
    <ul>
      <li v-for="p in person" :key="p.id">
        <h3>姓名：{{p.name}}</h3>
        <p>
          爱好：
          <span v-for="item in p.hobby" :key="item">
            {{item}}
          </span>
        </p>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
name:"App",
data(){
  return{
    person:[
      {id:1,name:"zs",hobby:["唱","跳","rap","篮球"]},
      {id:1,name:"ls",hobby:["吃","喝","玩","乐"]},
      {id:1,name:"ww",hobby:["坑","蒙","拐","骗"]},
      
    ]
  }
}
}
</script>

<style>

</style>